<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>

<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" href="../font_uqlzenhphqm/iconfont.css">
<link rel="stylesheet" href="../css/home.css">

<title>
    小米商城 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站
</title>

</head>
<body>

<div class="app">

    <!-- 1.头部 -->
    <div class="header">
            <!-- 导航 -->
            <div class="head-auto">
                <!-- 1.1 -->
                <div class="topbar-nav fl">
                    <a href="../html/listno.html">全部商品分类</a>
                    <span>|</span>
                    <a href="../html/listno.html">小米商城</a>
                    <span>|</span>
                    <a href="">MIUI</a>
                    <span>|</span>
                    <a href="">loT</a>
                    <span>|</span>
                    <a href="">云服务</a>
                    <span>|</span>
                    <a href="">天星数科</a>
                    <span>|</span>
                    <a href="">有品</a>
                    <span>|</span>
                    <a href="">小爱开放平台</a>
                    <span>|</span>
                    <a href="">企业团购</a>
                    <span>|</span>
                    <a href="">资质证照</a>
                    <span>|</span>
                    <a href="">协议规则</a>
                    <span>|</span>
                    <a href="">下载app</a>
                    <span>|</span>
                    <a href="">智能生活</a>
                    <span>|</span>
                    <a href="">Select Location</a>
                </div>
                <!-- 1.2 -->
                <div class="topbar-cart fr">
                    <a href="../html/cart.html">
                        <span class="iconfont icon-gouwuche1"></span>
                        &nbsp;购物车&nbsp;&nbsp;(0)
                    </a>
                    
                </div>
                <!-- 1.3 -->
                <div class="topbar-info logininfo fr">
                    <a href="../html/login.html">登录</a>
                    <span>|</span>
                    <a href="../html/register.html">注册</a>
                    <span>|</span>
                    <a href="">消息通知</a>
                </div>
                
            </div>
        
    </div>

    <!-- 2.搜索 -->
    <div class="serch">
        <!-- 2.1 logo -->
        <div class="serch-logo fl">
            <a href="../html/home.html">
                <img class="logo" src="../images/home/1.png" alt="">
            </a>
        </div>
        <!-- 2.2 搜索栏 -->
        <div class="serch-title fl">
            
                <a href="">小米手机</a>
                <a href="">Redmi 红米</a>
                <a href="">电视</a>
                <a href="">笔记本</a>
                <a href="">平板</a>
                <a href="">家电</a>
                <a href="">路由器</a>
                <a href="">智能硬件</a>
                <a href="">服务</a>
                <a href="">社区</a>
        </div>
        <!-- 2.3 -->
        <div class="serch-inpute fr">
            <input class="big" type="text">
            <!-- <input class="small" type="botton"> -->
            <div class="small fr">
                <span class="iconfont icon-fangdajing"></span>
            </div>
        </div>
    </div>

    <!-- 3.图片 -->
    <div class="photo">
        <!-- 3.1 -->
        <div class="pho-auto">
            <!-- 3.1.1 轮播图 -->
            <!-- 轮播图开始 -->
<div class="container">
    <div class="carousel">
        <ul>
            <li>
                <a href="">
                    <img class="pic2" src="../images/home/2.jpg">
                </a>
            </li>
            <li>
                <a href="">
                    <img class="pic2" src="../images/home/3.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img class="pic2" src="../images/home/4.jpg" alt="">
                </a>
            </li>
        </ul>
        <ol>
    
        </ol>
        <a href="" class="leftBtn">&lt;</a>
        <a href="" class="rightBtn">&gt;</a>
    </div>
</div>
<!-- 轮播图结束 -->

            <!-- 3.1.2 -->
            <div class="class">
                <ul>
                    <li>手机<span class="iconfont icon-zhankai"></span></li>
                    <li>电视<span class="iconfont icon-zhankai"></span></li>
                    <li>笔记本 平板<span class="iconfont icon-zhankai"></span></li>
                    <li>家电<span class="iconfont icon-zhankai"></span></li>
                    <li>出行 穿戴<span class="iconfont icon-zhankai"></span></li>
                    <li>智能 路由器<span class="iconfont icon-zhankai"></span></li>
                    <li>电源 配件<span class="iconfont icon-zhankai"></span></li>
                    <li>健康 儿童<span class="iconfont icon-zhankai"></span></li>
                    <li>耳机 音响<span class="iconfont icon-zhankai"></span></li>
                    <li>生活 箱包<span class="iconfont icon-zhankai"></span></li>
                </ul>
                
            </div>
        </div>
        <!-- 3.2 -->
        <div class="pho-four">
            <!-- 3.2.1 -->
            <div class="pho-four1 fl">
                <!-- 1 -->
                <a href="">
                    <div class="pho-four1-pic fl">
                        <img class="pic3" src="../images/home/3-1-1.png" alt="">
                        <p class="pic3-1">保障服务</p>
                    </div>
                </a>
                <!-- 2 -->
                <a href="">
                    <div class="pho-four1-pic fl">
                        <img class="pic3" src="../images/home/3-1-2.png" alt="">
                        <p class="pic3-1">企业团购</p>
                    </div>
                </a>
                
                <!-- 3 -->
                <a href="">
                    <div class="pho-four1-pic fl">
                        <img class="pic3" src="../images/home/3-1-3.png" alt="">
                        <p class="pic3-1">F码通道</p>
                    </div>
                </a>
                
                <!-- 4 -->
                <a href="">
                    <div class="pho-four1-pic fl">
                        <img class="pic3" src="../images/home/3-1-4.png" alt="">
                        <p class="pic3-1">米粉卡</p>
                    </div>
                </a>
                
                <!-- 5 -->
                <a href="">
                    <div class="pho-four1-pic fl">
                        <img class="pic3" src="../images/home/3-1-5.png" alt="">
                        <p class="pic3-1">以旧换新</p>
                    </div>
                </a>
                
                <!-- 6 -->
                <a href="">
                    <div class="pho-four1-pic fl">
                        <img class="pic3" src="../images/home/3-1-6.png" alt="">
                        <p class="pic3-1">话费充值</p>
                    </div>
                </a>
                
            </div>
            <!-- 3.2.2 -->
            <div class="pho-four2 fl">
                <a href="">
                    <img class="pic3-2" src="../images/home/3-2.jpg" alt="">
                </a>
                
            </div>
            <!-- 3.2.3 -->
            <div class="pho-four3 fl">
                <a href="">
                    <img class="pic3-2" src="../images/home/3-3.jpg" alt="">
                </a>
                
            </div>
            <!-- 3.2.4 -->
            <div class="pho-four4 fl">
                <a href="">
                     <img class="pic3-2" src="../images/home/3-4.jpg" alt="">
                </a>
               
            </div>


        </div>

    </div>

    <!-- 4.产品 -->
    <div class="product">
        <!-- 4.0 -->
        <div class="pro-auto">
            <!-- 4.1 图片分栏 -->
            <div class="pic4">
                <a href="">
                     <img class="pic4-t" src="../images/home/4-0.jpg" alt="">
                </a>
            </div>

            <!-- 4.2 文字分栏 - 手机-->
            <div class="pro-title">
                <div class="tel fl floor1">手机</div>
                <a href="">
                    <div class="more-box fr">
                        <span>查看更多</span>
                        <span class="iconfont icon-right-circle-fill"></span>
                    </div>
                </a>
                
            </div>

            <!-- 4.3 图片分栏5 1楼 -->
            <div class="pro-text">
                <!-- 4.3.1 大 -->
                <div class="pro-text-left">
                    <a href="">
                        <img class="pic5-1" src="../images/home/5.PNG" alt="">
                    </a>
                </div>
                <!-- 4.3.2 1楼-->
                <div class="pro-text-right container floor1 floor">
                    <!-- 4.3.3-->
                    <div class="pro-text-top row">
                        <!-- 1 -->
                            <div class="pro-text-box1 fl">
                            </div>
                    </div>
                </div>    
            </div>
            
            <!-- 4.4 文字分栏 - 家电 -->
            <div class="pro-title floor2">
                <div class="tel fl">家电</div>
                <div class="more-box2 fr">
                    <span class="hot">热门</span>
                    <span>家电影音</span>
                </div>
            </div>
        
            <!-- 4.5 图片分栏6 -->
            <div class="pro-text">
                <!-- 4.3.1 -->
                <div class="pro-text-left">
                    <!-- 1 -->
                    <a href="">
                         <div class="pro-text-box fl">
                            <img class="pic6" src="../images/home/6-1.jpg" alt="">
                        </div>
                    </a>
                   
                    <!-- 2 -->
                    <a href="">
                        <div class="pro-text-box fl">
                            <img class="pic6" src="../images/home/6-2.jpg" alt="">
                        </div>
                    </a>
                    
                </div>
                <!-- 4.3.2 -->
                <div class="pro-text-right container floor2 floor">
                    <!-- 4.3.3-->
                    <div class="pro-text-top row">
                        <!-- 1 -->
                            <div class="pro-text-box1 fl">
                            </div>
                    </div>
                </div>    
            </div>
        
            <!-- 4.6 文字分栏 - 智能 -->
            <div class="pro-title floor3">
                <div class="tel fl">智能</div>
                <div class="more-box2 fr">
                    <span class="hot">热门</span>
                    <span class="hot">安防</span>
                    <span>出行</span>
                </div>
            </div>

            <!-- 4.7 图片分栏 3l -->
            <div class="pro-text">
                <!-- 4.3.1 -->
                <div class="pro-text-left">
                    <!-- 1 -->
                    <a href="">
                         <div class="pro-text-box fl">
                            <img class="pic6" src="../images/home/7-1.webp.jpg" alt="">
                        </div>
                    </a>
                   
                    <!-- 2 -->
                    <a href="">
                        <div class="pro-text-box fl">
                            <img class="pic6" src="../images/home/7-2.webp.jpg" alt="">
                        </div>
                    </a>
                    
                </div>
                <!-- 4.3.2 -->
                <div class="pro-text-right container floor3 floor">
                    <!-- 4.3.3-->
                    <div class="pro-text-top row">
                        <!-- 1 -->
                            <div class="pro-text-box1 fl">
                            </div>
                    </div>
                </div>       
            </div>

            <!-- 4.8 文字分栏 - 搭配 -->
            <div class="pro-title floor4">
                <div class="tel fl">搭配</div>
                <div class="more-box2 fr">
                    <span class="hot">热门</span>
                    <span>耳机音箱</span>
                </div>
            </div>
        
            <!-- 4.9 图片分栏 4l -->
            <div class="pro-text">
                <!-- 4.3.1 -->
                <div class="pro-text-left">
                    <!-- 1 -->
                    <a href="">
                         <div class="pro-text-box fl">
                            <img class="pic6" src="../images/home/8-1.jpg" alt="">
                        </div>
                    </a>
                   
                    <!-- 2 -->
                    <a href="">
                        <div class="pro-text-box fl">
                            <img class="pic6" src="../images/home/8-2.jpg" alt="">
                        </div>
                    </a>
                    
                </div>
                <!-- 4.3.2 -->
                <div class="pro-text-right container floor4 floor">
                    <!-- 4.3.3-->
                    <div class="pro-text-top row">
                        <!-- 1 -->
                            <div class="pro-text-box1 fl">
                            </div>
                    </div>
                </div>       
            </div>

            <!-- 4.10 文字分栏 - 配件 -->
            <div class="pro-title floor5">
                <div class="tel fl">配件</div>
                <div class="more-box2 fr">
                    <span class="hot">热门</span>
                    <span>充电器</span>
                </div>
            </div>
            
            <!-- 4.11 图片分栏 -->
            <div class="pro-text">
                <!-- 4.3.1 -->
                <div class="pro-text-left">
                    <!-- 1 -->
                    <a href="">
                         <div class="pro-text-box fl">
                            <img class="pic6" src="../images/home/9-1.jpg" alt="">
                        </div>
                    </a>
                   
                    <!-- 2 -->
                    <a href="">
                        <div class="pro-text-box fl">
                            <img class="pic6" src="../images/home/9-2.jpg" alt="">
                        </div>
                    </a>
                    
                </div>
                <!-- 4.3.2 -->
                <div class="pro-text-right container floor5 floor">
                    <!-- 4.3.3-->
                    <div class="pro-text-top row">
                        <!-- 1 -->
                            <div class="pro-text-box1 fl">
                            </div>
                    </div>
                </div>       
            </div>

            <!-- 4.12 文字分栏 - 周边 -->
            <div class="pro-title floor6">
                <div class="tel fl">周边</div>
                <div class="more-box2 fr">
                    <span class="hot">热门</span>
                    <span>出行</span>
                </div>
            </div>
            
            <!-- 4.13 图片分栏 -->
            <div class="pro-text">
                <!-- 4.3.1 -->
                <div class="pro-text-left">
                    <!-- 1 -->
                    <a href="">
                         <div class="pro-text-box fl">
                            <img class="pic6" src="../images/home/10-1.jpg" alt="">
                        </div>
                    </a>
                   
                    <!-- 2 -->
                    <a href="">
                        <div class="pro-text-box fl">
                            <img class="pic6" src="../images/home/10-2.jpg" alt="">
                        </div>
                    </a>
                    
                </div>
                <!-- 4.3.2 -->
                <div class="pro-text-right container floor6 floor">
                    <!-- 4.3.3-->
                    <div class="pro-text-top row">
                        <!-- 1 -->
                            <div class="pro-text-box1 fl">
                            </div>
                    </div>
                </div>       
            </div>
        
            <!-- 4.14 图片分栏 -->
            <div class="pic4">
                <a href="">
                     <img class="pic4-t" src="../images/home/11.jpg" alt="">
                </a>
            </div>
        
            <!-- 4.15 文字分栏 - 视频 -->
            <div class="pro-title">
                <div class="tel fl">手机</div>
                <a href="">
                    <div class="more-box fr">
                        <span>查看全部</span>
                        <span class="iconfont icon-right-circle-fill"></span>
                    </div>
                </a>
                
            </div>

            <!-- 4.16  -->
            <div class="vido">
                <!-- 1 -->
                <a href="">
                    <div class="vido-box fl">
                        <img class="pic12" src="./pic/12-1.jpg" alt="">
                        <p class="pic12-t1">2021年春季新品发布会第一场</p>
                    </div>
                </a>
                <!-- 2 -->
                <a href="">
                    <div class="vido-box fl">
                        <img class="pic12" src="./pic/12-2.jpg" alt="">
                        <p class="pic12-t1">Redmi 10X系列发布会</p>
                    </div>
                </a>
                <!-- 3 -->
                <a href="">
                    <div class="vido-box fl">
                        <img class="pic12" src="./pic/12-3.jpg" alt="">
                        <p class="pic12-t1">小米10 青春版 发布会</p>
                    </div>
                </a>
                <!-- 4 -->
                <a href="">
                    <div class="vido-box1 fl">
                        <img class="pic12" src="./pic/12-4.jpg" alt="">
                        <p class="pic12-t1">小米10 8K 手机拍大片</p>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <!-- 5.底部 -->
    <div class="footer">
        <!-- 5.0 -->

        <!-- auto1 -->
        <div class="foot-auto">
            <!-- 5.1 -->
            <div class="foot0">
                <!-- 1.1 -->
                <a href="">
                    <div class="foot1">
                        <div class="foot1-box">
                            <span class="iconfont icon-gongju"></span>
                            <span class="g">预约维修服务</span>
                        </div>
                    </div>
                </a>
                
                <!-- 1.2 -->
                <a href="">
                    <div class="foot1">
                            <div class="foot1-box">
                                <span class="iconfont icon-7tianwuliyoutuihuo"></span>
                                <span class="g">7天无理由退货</span>
                            </div>
                        
                    </div>
                </a>
                <!-- 1.3 -->
                <a href="">
                    <div class="foot1">
                        <div class="foot1-box">
                            <span class="iconfont icon-goforward_15"></span>
                            <span class="g">15天免费换货</span>
                        </div>
                    </div>
                </a>
                
                <!-- 1.4 -->
                <a href="">
                    <div class="foot1">
                        <div class="foot1-box">
                            <span class="iconfont icon-lipin"></span>
                            <span class="g">满69包邮</span>
                        </div>
                    </div>
                </a>
                
                <!-- 1.5 -->
                <a href="">
                    <div class="foot1">
                        <div class="foot2-box">
                            <span class="iconfont icon-weizhi-tianchong"></span>
                            <span class="g">520余家售后网点</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- 5.2 -->
            <div class="foot2">
                <!-- 1 -->
                <div class="foot2-1 fl">
                    <!-- 1 -->
                    <div class="foot-t1">
                        <p class="foot-p1" href="">帮助中心</p>
                        <a class="foot-p2" href="">账户管理</a>
                        <a class="foot-p2" href="">购物指南</a>
                        <a class="foot-p2" href="">订单操作</a>
                    </div>
                    <!-- 2 -->
                    <div class="foot-t1">
                        <p class="foot-p1" href="">服务支持</p>
                        <a class="foot-p2" href="">售后政策</a>
                        <a class="foot-p2" href="">自助服务</a>
                        <a class="foot-p2" href="">相关下载</a>
                    </div>
                    <!-- 3 -->
                    <div class="foot-t1">
                        <p class="foot-p1" href="">线下门店</p>
                        <a class="foot-p2" href="">小米之家</a>
                        <a class="foot-p2" href="">服务网点</a>
                        <a class="foot-p2" href="">授权体验店</a>
                    </div>
                    <!-- 4 -->
                    <div class="foot-t1">
                        <p class="foot-p1" href="">关于小米</p>
                        <a class="foot-p2" href="">了解小米</a>
                        <a class="foot-p2" href="">加入小米</a>
                        <a class="foot-p2" href="">投资者关系</a>
                        <a class="foot-p2" href="">企业社会责任</a>
                        <a class="foot-p2" href="">廉洁举报</a>
                    </div>
                    <!-- 5 -->
                    <div class="foot-t1">
                        <p class="foot-p1" href="">关注我们</p>
                        <a class="foot-p2" href="">新浪微博</a>
                        <a class="foot-p2" href="">联系我们</a>
                        <a class="foot-p2" href="">公益基金会</a>
                    </div>
                    <!-- 6 -->
                    <div class="foot-t1">
                        <p class="foot-p1" href="#">特色服务</p>
                        <a class="foot-p2" href="">F码通道</a>
                        <a class="foot-p2" href="">礼品码</a>
                        <a class="foot-p2" href="">防伪查询</a>
                    </div>

                </div>

                <!-- 2 -->
                <div class="foot2-2 fr">
                    <p class="f2">400-100-5678</p>
                    <p class="f3">8:00-18:00(仅收市话费)</p>
                    <div class="r">
                        <span class="iconfont icon-duanxin sp0"></span>
                        <span>人工客服</span>
                    </div>
                    <p class="r1">
                        <span class="sp1">关注小米:</span>
                        <span class="iconfont icon-weibo sp2"></span>
                        <span class="iconfont icon-weixin sp2"></span>
                    </p>
                </div>
            </div>
        
        </div>
        
        <!-- auto2 -->
        <div class="foot-auto2">
            <div class="f-a2">
                <!-- 1 -->
                <div class="f-l fl">
                    <a href=""><img class="pic13" src="../images/home/13-1.png" alt=""></a>
                </div>
                <!-- 2 -->
                <div class="f-r fr">
                    <!-- 1 -->
                    <p class="fr-t1">
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">MIUI</a>
                        <span>|</span>
                        <a href="">米家</a>
                        <span>|</span>
                        <a href="">米聊</a>
                        <span>|</span>
                        <a href="">多看</a>
                        <span>|</span>
                        <a href="">游戏</a>
                        <span>|</span>
                        <a href="">政企服务</a>
                        <span>|</span>
                        <a href="">小米天猫店</a>
                        <span>|</span>
                        <a href="">小米集团隐私政策</a>
                        <span>|</span>
                        <a href="">小米公司儿童信息保护规则</a>
                        <span>|</span>
                        <a href="">小米商城隐私政策</a>
                        <span>|</span>
                        <a href="">小米商城用户协议</a>
                        <span>|</span>
                        <a href="">问题反馈</a>
                        <span>|</span>
                        <a href="">Select Location</a>
                    </p>
                    <!-- 2 -->
                    <p>
                        <a href="">北京互联网法院法律服务工作站</a>
                        <span>|</span>
                        <a href="">中国消费者协会</a>
                        <span>|</span>
                        <a href="">北京消费者协会</a>
                    </p>
                    <!-- 3 -->
                    <p>
                        <a href="">©ml.com</a>
                        <span>京ICP证111057号</span>
                        <a href="">京ICP备10046444号</a>
                        <a href="">京公安备11010802020134号</a>
                        <a href="">京网文[2020]0276-042号</a>
                    </p>
                    <!-- 4 -->
                    <p>
                        <a href="">(京)网械平台备字（2018）第00005号</a>
                        <a href="">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                        <a href="">营业执照</a>
                        <a href="">医疗器械质量公告</a>
                    </p>
                    <!-- 5 -->
                    <p>
                        <a href="">增值电信业务许可证</a>
                        <span>网络食品经营备案</span>
                        <span>京食药网食备202010048</span>
                        <a href="">食品经营许可证</a>
                    </p>
                    <!-- 6 -->
                    <p>
                        <span>违法和不良信息举报电话：171-5104-4404</span>
                        <a href="">知识产权侵权投诉</a>
                        <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                    </p>
                    <!-- 7 -->
                    <p>
                        <a href="">
                            <img class="pic13-2" src="../images/home/13-2.png" alt="">
                        </a>
                        <a href="">
                            <img class="pic13-2" src="../images/home/13-3.png" alt="">
                        </a>
                        <a href="">
                            <img class="pic13-2" src="../images/home/13-4.png" alt="">
                        </a>
                        <a href="">
                            <img class="pic13-2" src="../images/home/13-5.png" alt="">
                        </a>
                    </p>
                </div>
                <!-- 3 -->
                <img class="pic13-6" src="../images/home/13-6.png" alt="">
            </div>
        </div>
            
    </div>

    <!-- 6.定位 -->
    <div class="ding back">
        <!-- 1 -->
        <div data-class="floor1" class="ding1">
            <span class="d1 iconfont icon-shouji"></span>
            <span class="d2">手机地带</span>
        </div>
        <!-- 2 -->
        <div data-class="floor2" class="ding1">
            <span class="d1 iconfont icon-icon03"></span>
            <span class="d2">家电影音</span>
        </div>
        <!-- 3 -->
        <div data-class="floor3" class="ding1">
            <span class="d1 iconfont icon-weibiaoti--"></span>
            <span class="d2">智能家居</span>
        </div>
        <!-- 4 -->
        <div data-class="floor4" class="ding1">
            <span class="d1 iconfont icon-kefu"></span>
            <span class="d2">搭配空间</span>
        </div>
        <!-- 5 -->
        <div data-class="floor5" class="ding1">
            <span class="d1 iconfont icon-ziyuan"></span>
            <span class="d2">家庭配件</span>
        </div>
        <div data-class="floor6" class="ding1">
            <span class="d1 iconfont icon-huangguan"></span>
            <span class="d2">周边商品</span>
        </div>
        <div data-class="floor" class="ding1">
            <span class="d1 iconfont icon-wode"></span>
            <span class="d2">回到顶部</span>
            <a href="../html/detail.html"></a>
        </div>
    </div>

</div>

</body>

<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src="../js/tools.js"></script>
<script src="../js/carousel.js?b=3"></script>
<script src="../js/username.js"></script>
<script src="../js/home.js?h=9"></script>

<script>
</script>
</html>